<div class="pageheader">
	<h2>
		<i class="fa fa-home"></i> 首页 
	</h2>
	<div class="breadcrumb-wrapper">
		<span class="label">你所在的位置：</span>
		<ol class="breadcrumb">
			<li><a href="#">ERP管理系统</a></li>
			<li class="active">首页</li>
		</ol>
	</div>
</div>

<div class="contentpanel">
	<div class="row">
		<div class="col-sm-6 col-md-3">
			<div class="panel panel-success panel-stat">
				<div class="panel-heading">
					<div class="stat">
						<div class="row">
							<div class="col-xs-4">
								<img src="/include/bootstrapadmin/images/is-user.png" alt="" />
							</div>
							<div class="col-xs-8">
								<small class="stat-label">Visits Today</small>
								<h1>888k+</h1>
							</div>
						</div>
						<div class="mb15"></div>
						<div class="row">
							<div class="col-xs-6">
								<small class="stat-label">Pages / Visit</small>
								<h4>8.80</h4>
							</div>

							<div class="col-xs-6">
								<small class="stat-label">% New Visits</small>
								<h4>88.88%</h4>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="col-sm-6 col-md-3">
			<div class="panel panel-danger panel-stat">
				<div class="panel-heading">
					<div class="stat">
						<div class="row">
							<div class="col-xs-4">
								<img src="/include/bootstrapadmin/images/is-document.png" alt="" />
							</div>
							<div class="col-xs-8">
								<small class="stat-label">% Unique Visitors</small>
								<h1>88.88%</h1>
							</div>
						</div>
						<div class="mb15"></div>
						<small class="stat-label">Avg. Visit Duration</small>
						<h4>88:88:88</h4>
					</div>
				</div>
			</div>
		</div>

		<div class="col-sm-6 col-md-3">
			<div class="panel panel-primary panel-stat">
				<div class="panel-heading">
					<div class="stat">
						<div class="row">
							<div class="col-xs-4">
								<img src="/include/bootstrapadmin/images/is-document.png" alt="" />
							</div>
							<div class="col-xs-8">
								<small class="stat-label">Page Views</small>
								<h1>168k+</h1>
							</div>
						</div>
						<div class="mb15"></div>
						<small class="stat-label">% Bounce Rate</small>
						<h4>16.88%</h4>
					</div>
				</div>
			</div>
		</div>
		
		<div class="col-sm-6 col-md-3">
			<div class="panel panel-dark panel-stat">
				<div class="panel-heading">
					<div class="stat">
						<div class="row">
							<div class="col-xs-4">
								<img src="/include/bootstrapadmin/images/is-money.png" alt="" />
							</div>
							<div class="col-xs-8">
								<small class="stat-label">Today's Earnings</small>
								<h1>$888</h1>
							</div>
						</div>
						<div class="mb15"></div>
						<div class="row">
							<div class="col-xs-6">
								<small class="stat-label">Last Week</small>
								<h4>$88,888</h4>
							</div>

							<div class="col-xs-6">
								<small class="stat-label">Last Month</small>
								<h4>$888,888</h4>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div class="row">
		<div class="col-sm-8 col-md-9">
			<div class="panel panel-default">
				<div class="panel-body">
					<div class="row">
						<div class="col-sm-8">
							<h5 class="subtitle mb5">Network Performance</h5>
							<p class="mb15">Duis autem vel eum iriure dolor in hendrerit in vulputate...</p>
							<div id="basicflot" style="width: 100%; height: 300px; margin-bottom: 20px"></div>
						</div>
						
						<div class="col-sm-4">
							<h5 class="subtitle mb5">Server Status</h5>
							<p class="mb15">Summary of the status of your server.</p>
							<span class="sublabel">CPU Usage (40.05 - 32 cpus)</span>
							<div class="progress progress-sm">
								<div style="width: 40%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-primary"></div>
							</div>

							<span class="sublabel">Memory Usage (32.2%)</span>
							<div class="progress progress-sm">
								<div style="width: 32%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-success"></div>
							</div>

							<span class="sublabel">Disk Usage (82.2%)</span>
							<div class="progress progress-sm">
								<div style="width: 82%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-danger"></div>
							</div>

							<span class="sublabel">Databases (63/100)</span>
							<div class="progress progress-sm">
								<div style="width: 63%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-warning"></div>
							</div>

							<span class="sublabel">Domains (2/10)</span>
							<div class="progress progress-sm">
								<div style="width: 20%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-success"></div>
							</div>

							<span class="sublabel">Email Account (13/50)</span>
							<div class="progress progress-sm">
								<div style="width: 26%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-success"></div>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="col-sm-4 col-md-3">
			<div class="panel panel-default">
				<div class="panel-body">
					<h5 class="subtitle mb5">Most Browser Used</h5>
					<p class="mb15">Duis autem vel eum iriure dolor in hendrerit in vulputate...</p>
					<div id="donut-chart2" class="ex-donut-chart"></div>
				</div>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-sm-7">
			<div class="table-responsive">
				<table class="table table-bordered mb30">
					<thead>
						<tr>
							<th>#</th>
							<th>First Name</th>
							<th>Last Name</th>
							<th>Username</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>Mark</td>
							<td>Otto</td>
							<td>@mdo</td>
						</tr>
						<tr>
							<td>2</td>
							<td>Jacob</td>
							<td>Thornton</td>
							<td>@fat</td>
						</tr>
						<tr>
							<td>3</td>
							<td>Larry</td>
							<td>the Bird</td>
							<td>@twitter</td>
						</tr>
						<tr>
							<td>4</td>
							<td>Mark</td>
							<td>Otto</td>
							<td>@mdo</td>
						</tr>
						<tr>
							<td>5</td>
							<td>Jacob</td>
							<td>Thornton</td>
							<td>@fat</td>
						</tr>
						<tr>
							<td>6</td>
							<td>Larry</td>
							<td>the Bird</td>
							<td>@twitter</td>
						</tr>
						<tr>
							<td>7</td>
							<td>Larry</td>
							<td>the Bird</td>
							<td>@twitter</td>
						</tr>
					</tbody>
				</table>
			</div>

		</div>

		<div class="col-sm-5">
			<div class="panel panel-success">
				<div class="panel-heading padding5">
					<div id="line-chart" class="ex-line-chart"></div>
				</div>
				<div class="panel-body">
					<div class="tinystat pull-left">
						<div id="sparkline" class="chart mt5"></div>
						<div class="datainfo">
							<span class="text-muted">Average Sales</span>
							<h4>$888,888</h4>
						</div>
					</div>
					<div class="tinystat pull-right">
						<div id="sparkline2" class="chart mt5"></div>
						<div class="datainfo">
							<span class="text-muted">Total Sales</span>
							<h4>$888,888</h4>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-sm-6 col-md-4">
			<div class="panel panel-default widget-photoday">
				<div class="panel-body">
					<a href="" class="photoday"><img src="/include/bootstrapadmin/images/photos/photo1.png" alt="" /></a>
					<div class="photo-details">
						<h4 class="photo-title">Strawhat In The Beach</h4>
						<small class="text-muted"><i class="fa fa-map-marker"></i> San Franciso, California, USA</small> <small>By: <a href="">ThemePixels</a></small>
					</div>
					<ul class="photo-meta">
						<li><span><i class="fa fa-eye"></i> 88,888</span></li>
						<li><a href="#"><i class="fa fa-heart"></i> 8,888</a></li>
						<li><a href="#"><i class="fa fa-comments"></i> 88</a></li>
					</ul>
				</div>
			</div>
		</div>

		<div class="col-sm-6 col-md-4">
			<div class="panel panel-default panel-alt widget-messaging">
				<div class="panel-heading">
					<div class="panel-btns">
						<a href="" class="panel-edit"><i class="fa fa-edit"></i></a>
					</div>
					<h3 class="panel-title">Messaging</h3>
				</div>
				<div class="panel-body">
					<ul>
						<li><small class="pull-right">Dec 10</small>
							<h4 class="sender">Jennier Lawrence</h4> <small>Lorem ipsum dolor sit amet...</small></li>
						<li><small class="pull-right">Dec 9</small>
							<h4 class="sender">Marsha Mellow</h4> <small>Lorem ipsum dolor sit amet...</small></li>
						<li><small class="pull-right">Dec 9</small>
							<h4 class="sender">Holly Golightly</h4> <small>Lorem ipsum dolor sit amet...</small></li>
						<li><small class="pull-right">Dec 10</small>
							<h4 class="sender">Jennier Lawrence</h4> <small>Lorem ipsum dolor sit amet...</small></li>
						<li><small class="pull-right">Dec 9</small>
							<h4 class="sender">Marsha Mellow</h4> <small>Lorem ipsum dolor sit amet...</small></li>
					</ul>
				</div>
			</div>
		</div>

		<div class="col-sm-6 col-md-4">
			<div class="panel panel-dark panel-alt widget-quick-status-post">
				<div class="panel-heading">
					<div class="panel-btns">
						<a href="" class="panel-close">&times;</a> <a href="" class="minimize">&minus;</a>
					</div>
					<h3 class="panel-title">Quick Status Post</h3>
				</div>
				<div class="panel-body">
					<ul class="nav nav-tabs nav-justified">
						<li class="active"><a href="#post-status" data-toggle="tab"><i class="fa fa-pencil"></i> <strong>Status</strong></a></li>
						<li><a href="#post-photo" data-toggle="tab"><i class="fa fa-picture-o"></i> <strong>Photo</strong></a></li>
						<li><a href="#post-checkin" data-toggle="tab"><i class="fa fa-map-marker"></i> <strong>Check-In</strong></a></li>
					</ul>
					<div class="tab-content">
						<div id="post-status" class="tab-pane active">
							<input type="text" class="form-control" placeholder="What's your status?" />
						</div>
						<div id="post-photo" class="tab-pane">
							<input type="text" class="form-control" placeholder="Choose photo" />
						</div>
						<div id="post-checkin" class="tab-pane">
							<input type="text" class="form-control" placeholder="Search location" />
						</div>
						<button class="btn btn-primary btn-block mt10">Submit Post</button>
					</div>
				</div>
			</div>

			<div class="mb20"></div>

			<div class="row">
				<div class="col-xs-6">
					<div class="panel panel-warning panel-alt widget-today">
						<div class="panel-heading text-center">
							<i class="fa fa-calendar-o"></i>
						</div>
						<div class="panel-body text-center">
							<h3 class="today">Fri, Dec 13</h3>
						</div>
					</div>
				</div>

				<div class="col-xs-6">
					<div class="panel panel-danger panel-alt widget-time">
						<div class="panel-heading text-center">
							<i class="glyphicon glyphicon-time"></i>
						</div>
						<div class="panel-body text-center">
							<h3 class="today">4:50AM PST</h3>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- contentpanel -->
<script src="/include/bootstrapadmin/js/flot/jquery.flot.min.js"></script>
<script src="/include/bootstrapadmin/js/flot/jquery.flot.resize.min.js"></script>
<script src="/include/bootstrapadmin/js/flot/jquery.flot.spline.min.js"></script>
<script src="/include/bootstrapadmin/js/morris.min.js"></script>
<script src="/include/bootstrapadmin/js/raphael-2.1.0.min.js"></script>
<script src="/include/bootstrapadmin/js/custom.js"></script>   
<script src="/include/bootstrapadmin/js/dashboard.js"></script>
